.index-wrap {
  height: 100%;
  background: linear-gradient(to right bottom, #00d2ff, #3a7bd5);
  .scroll-wrap {
    height: 100%;
    .scroll-inner {
      padding: 32rpx;
      .group-wrap {
        .group-title {
          font-size: 36rpx;
          font-weight: bold;
          color: #333;
          padding: 20rpx;
          background: linear-gradient(to right, rgba(255,238,238, 0.9), rgba(221,239,187, 0));
          margin: 0 10rpx;
        }
        .group-content {
          padding: 10rpx 0;
          .demo-item {
            float: left;
            width: 50%;
            padding: 10rpx;
            .item-bg {
              display: block;
              width: 100%;
              height: 540rpx;
            }
            .item-des {
              font-size: 32rpx;
              line-height: 56rpx;
              text-align: center;
              color: #3C3B3F;
              font-weight: bold;
              text-shadow: -1rpx -1rpx 0 #fff, 1rpx -1rpx 0 #fff, -1rpx 1rpx 0 #fff, 1rpx 1rpx 0 #fff; /* 文字描边 */
            }
          }
        }
      }
    }
  }
}